"use client";

import type { LucideProps } from "lucide-react";

export function BorderAllIcon(props: LucideProps) {
  return (
    <svg fill="none" height="15" viewBox="0 0 15 15" width="15" xmlns="http://www.w3.org/2000/svg" {...props}>
      <path
        clipRule="evenodd"
        d="M0.25 1C0.25 0.585786 0.585786 0.25 1 0.25H14C14.4142 0.25 14.75 0.585786 14.75 1V14C14.75 14.4142 14.4142 14.75 14 14.75H1C0.585786 14.75 0.25 14.4142 0.25 14V1ZM1.75 1.75V13.25H13.25V1.75H1.75Z"
        fill="currentColor"
        fillRule="evenodd"
      ></path>
      <rect fill="currentColor" height="1" rx=".5" width="1" x="7" y="5"></rect>
      <rect fill="currentColor" height="1" rx=".5" width="1" x="7" y="3"></rect>
      <rect fill="currentColor" height="1" rx=".5" width="1" x="7" y="7"></rect>
      <rect fill="currentColor" height="1" rx=".5" width="1" x="5" y="7"></rect>
      <rect fill="currentColor" height="1" rx=".5" width="1" x="3" y="7"></rect>
      <rect fill="currentColor" height="1" rx=".5" width="1" x="9" y="7"></rect>
      <rect fill="currentColor" height="1" rx=".5" width="1" x="11" y="7"></rect>
      <rect fill="currentColor" height="1" rx=".5" width="1" x="7" y="9"></rect>
      <rect fill="currentColor" height="1" rx=".5" width="1" x="7" y="11"></rect>
    </svg>
  );
}

export function BorderBottomIcon(props: LucideProps) {
  return (
    <svg fill="none" height="15" viewBox="0 0 15 15" width="15" xmlns="http://www.w3.org/2000/svg" {...props}>
      <path clipRule="evenodd" d="M1 13.25L14 13.25V14.75L1 14.75V13.25Z" fill="currentColor" fillRule="evenodd"></path>
      <rect fill="currentColor" height="1" rx=".5" width="1" x="7" y="5"></rect>
      <rect fill="currentColor" height="1" rx=".5" width="1" x="13" y="5"></rect>
      <rect fill="currentColor" height="1" rx=".5" width="1" x="7" y="3"></rect>
      <rect fill="currentColor" height="1" rx=".5" width="1" x="13" y="3"></rect>
      <rect fill="currentColor" height="1" rx=".5" width="1" x="7" y="7"></rect>
      <rect fill="currentColor" height="1" rx=".5" width="1" x="7" y="1"></rect>
      <rect fill="currentColor" height="1" rx=".5" width="1" x="13" y="7"></rect>
      <rect fill="currentColor" height="1" rx=".5" width="1" x="13" y="1"></rect>
      <rect fill="currentColor" height="1" rx=".5" width="1" x="5" y="7"></rect>
      <rect fill="currentColor" height="1" rx=".5" width="1" x="5" y="1"></rect>
      <rect fill="currentColor" height="1" rx=".5" width="1" x="3" y="7"></rect>
      <rect fill="currentColor" height="1" rx=".5" width="1" x="3" y="1"></rect>
      <rect fill="currentColor" height="1" rx=".5" width="1" x="9" y="7"></rect>
      <rect fill="currentColor" height="1" rx=".5" width="1" x="9" y="1"></rect>
      <rect fill="currentColor" height="1" rx=".5" width="1" x="11" y="7"></rect>
      <rect fill="currentColor" height="1" rx=".5" width="1" x="11" y="1"></rect>
      <rect fill="currentColor" height="1" rx=".5" width="1" x="7" y="9"></rect>
      <rect fill="currentColor" height="1" rx=".5" width="1" x="13" y="9"></rect>
      <rect fill="currentColor" height="1" rx=".5" width="1" x="7" y="11"></rect>
      <rect fill="currentColor" height="1" rx=".5" width="1" x="13" y="11"></rect>
      <rect fill="currentColor" height="1" rx=".5" width="1" x="1" y="5"></rect>
      <rect fill="currentColor" height="1" rx=".5" width="1" x="1" y="3"></rect>
      <rect fill="currentColor" height="1" rx=".5" width="1" x="1" y="7"></rect>
      <rect fill="currentColor" height="1" rx=".5" width="1" x="1" y="1"></rect>
      <rect fill="currentColor" height="1" rx=".5" width="1" x="1" y="9"></rect>
      <rect fill="currentColor" height="1" rx=".5" width="1" x="1" y="11"></rect>
    </svg>
  );
}

export function BorderLeftIcon(props: LucideProps) {
  return (
    <svg fill="none" height="15" viewBox="0 0 15 15" width="15" xmlns="http://www.w3.org/2000/svg" {...props}>
      <path
        clipRule="evenodd"
        d="M1.75 1L1.75 14L0.249999 14L0.25 1L1.75 1Z"
        fill="currentColor"
        fillRule="evenodd"
      ></path>
      <rect fill="currentColor" height="1" rx=".5" transform="rotate(90 10 7)" width="1" x="10" y="7"></rect>
      <rect fill="currentColor" height="1" rx=".5" transform="rotate(90 10 13)" width="1" x="10" y="13"></rect>
      <rect fill="currentColor" height="1" rx=".5" transform="rotate(90 12 7)" width="1" x="12" y="7"></rect>
      <rect fill="currentColor" height="1" rx=".5" transform="rotate(90 12 13)" width="1" x="12" y="13"></rect>
      <rect fill="currentColor" height="1" rx=".5" transform="rotate(90 8 7)" width="1" x="8" y="7"></rect>
      <rect fill="currentColor" height="1" rx=".5" transform="rotate(90 14 7)" width="1" x="14" y="7"></rect>
      <rect fill="currentColor" height="1" rx=".5" transform="rotate(90 8 13)" width="1" x="8" y="13"></rect>
      <rect fill="currentColor" height="1" rx=".5" transform="rotate(90 14 13)" width="1" x="14" y="13"></rect>
      <rect fill="currentColor" height="1" rx=".5" transform="rotate(90 8 5)" width="1" x="8" y="5"></rect>
      <rect fill="currentColor" height="1" rx=".5" transform="rotate(90 14 5)" width="1" x="14" y="5"></rect>
      <rect fill="currentColor" height="1" rx=".5" transform="rotate(90 8 3)" width="1" x="8" y="3"></rect>
      <rect fill="currentColor" height="1" rx=".5" transform="rotate(90 14 3)" width="1" x="14" y="3"></rect>
      <rect fill="currentColor" height="1" rx=".5" transform="rotate(90 8 9)" width="1" x="8" y="9"></rect>
      <rect fill="currentColor" height="1" rx=".5" transform="rotate(90 14 9)" width="1" x="14" y="9"></rect>
      <rect fill="currentColor" height="1" rx=".5" transform="rotate(90 8 11)" width="1" x="8" y="11"></rect>
      <rect fill="currentColor" height="1" rx=".5" transform="rotate(90 14 11)" width="1" x="14" y="11"></rect>
      <rect fill="currentColor" height="1" rx=".5" transform="rotate(90 6 7)" width="1" x="6" y="7"></rect>
      <rect fill="currentColor" height="1" rx=".5" transform="rotate(90 6 13)" width="1" x="6" y="13"></rect>
      <rect fill="currentColor" height="1" rx=".5" transform="rotate(90 4 7)" width="1" x="4" y="7"></rect>
      <rect fill="currentColor" height="1" rx=".5" transform="rotate(90 4 13)" width="1" x="4" y="13"></rect>
      <rect fill="currentColor" height="1" rx=".5" transform="rotate(90 10 1)" width="1" x="10" y="1"></rect>
      <rect fill="currentColor" height="1" rx=".5" transform="rotate(90 12 1)" width="1" x="12" y="1"></rect>
      <rect fill="currentColor" height="1" rx=".5" transform="rotate(90 8 1)" width="1" x="8" y="1"></rect>
      <rect fill="currentColor" height="1" rx=".5" transform="rotate(90 14 1)" width="1" x="14" y="1"></rect>
      <rect fill="currentColor" height="1" rx=".5" transform="rotate(90 6 1)" width="1" x="6" y="1"></rect>
      <rect fill="currentColor" height="1" rx=".5" transform="rotate(90 4 1)" width="1" x="4" y="1"></rect>
    </svg>
  );
}

export function BorderNoneIcon(props: LucideProps) {
  return (
    <svg fill="none" height="15" viewBox="0 0 15 15" width="15" xmlns="http://www.w3.org/2000/svg" {...props}>
      <rect fill="currentColor" height="1" rx=".5" width="1" x="7" y="5.025"></rect>
      <rect fill="currentColor" height="1" rx=".5" width="1" x="13" y="5.025"></rect>
      <rect fill="currentColor" height="1" rx=".5" width="1" x="7" y="3.025"></rect>
      <rect fill="currentColor" height="1" rx=".5" width="1" x="13" y="3.025"></rect>
      <rect fill="currentColor" height="1" rx=".5" width="1" x="7" y="7.025"></rect>
      <rect fill="currentColor" height="1" rx=".5" width="1" x="7" y="13.025"></rect>
      <rect fill="currentColor" height="1" rx=".5" width="1" x="7" y="1.025"></rect>
      <rect fill="currentColor" height="1" rx=".5" width="1" x="13" y="7.025"></rect>
      <rect fill="currentColor" height="1" rx=".5" width="1" x="13" y="13.025"></rect>
      <rect fill="currentColor" height="1" rx=".5" width="1" x="13" y="1.025"></rect>
      <rect fill="currentColor" height="1" rx=".5" width="1" x="5" y="7.025"></rect>
      <rect fill="currentColor" height="1" rx=".5" width="1" x="5" y="13.025"></rect>
      <rect fill="currentColor" height="1" rx=".5" width="1" x="5" y="1.025"></rect>
      <rect fill="currentColor" height="1" rx=".5" width="1" x="3" y="7.025"></rect>
      <rect fill="currentColor" height="1" rx=".5" width="1" x="3" y="13.025"></rect>
      <rect fill="currentColor" height="1" rx=".5" width="1" x="3" y="1.025"></rect>
      <rect fill="currentColor" height="1" rx=".5" width="1" x="9" y="7.025"></rect>
      <rect fill="currentColor" height="1" rx=".5" width="1" x="9" y="13.025"></rect>
      <rect fill="currentColor" height="1" rx=".5" width="1" x="9" y="1.025"></rect>
      <rect fill="currentColor" height="1" rx=".5" width="1" x="11" y="7.025"></rect>
      <rect fill="currentColor" height="1" rx=".5" width="1" x="11" y="13.025"></rect>
      <rect fill="currentColor" height="1" rx=".5" width="1" x="11" y="1.025"></rect>
      <rect fill="currentColor" height="1" rx=".5" width="1" x="7" y="9.025"></rect>
      <rect fill="currentColor" height="1" rx=".5" width="1" x="13" y="9.025"></rect>
      <rect fill="currentColor" height="1" rx=".5" width="1" x="7" y="11.025"></rect>
      <rect fill="currentColor" height="1" rx=".5" width="1" x="13" y="11.025"></rect>
      <rect fill="currentColor" height="1" rx=".5" width="1" x="1" y="5.025"></rect>
      <rect fill="currentColor" height="1" rx=".5" width="1" x="1" y="3.025"></rect>
      <rect fill="currentColor" height="1" rx=".5" width="1" x="1" y="7.025"></rect>
      <rect fill="currentColor" height="1" rx=".5" width="1" x="1" y="13.025"></rect>
      <rect fill="currentColor" height="1" rx=".5" width="1" x="1" y="1.025"></rect>
      <rect fill="currentColor" height="1" rx=".5" width="1" x="1" y="9.025"></rect>
      <rect fill="currentColor" height="1" rx=".5" width="1" x="1" y="11.025"></rect>
    </svg>
  );
}

export function BorderRightIcon(props: LucideProps) {
  return (
    <svg fill="none" height="15" viewBox="0 0 15 15" width="15" xmlns="http://www.w3.org/2000/svg" {...props}>
      <path
        clipRule="evenodd"
        d="M13.25 1L13.25 14L14.75 14L14.75 1L13.25 1Z"
        fill="currentColor"
        fillRule="evenodd"
      ></path>
      <rect fill="currentColor" height="1" rx=".5" transform="matrix(0 1 1 0 5 7)" width="1"></rect>
      <rect fill="currentColor" height="1" rx=".5" transform="matrix(0 1 1 0 5 13)" width="1"></rect>
      <rect fill="currentColor" height="1" rx=".5" transform="matrix(0 1 1 0 3 7)" width="1"></rect>
      <rect fill="currentColor" height="1" rx=".5" transform="matrix(0 1 1 0 3 13)" width="1"></rect>
      <rect fill="currentColor" height="1" rx=".5" transform="matrix(0 1 1 0 7 7)" width="1"></rect>
      <rect fill="currentColor" height="1" rx=".5" transform="matrix(0 1 1 0 1 7)" width="1"></rect>
      <rect fill="currentColor" height="1" rx=".5" transform="matrix(0 1 1 0 7 13)" width="1"></rect>
      <rect fill="currentColor" height="1" rx=".5" transform="matrix(0 1 1 0 1 13)" width="1"></rect>
      <rect fill="currentColor" height="1" rx=".5" transform="matrix(0 1 1 0 7 5)" width="1"></rect>
      <rect fill="currentColor" height="1" rx=".5" transform="matrix(0 1 1 0 1 5)" width="1"></rect>
      <rect fill="currentColor" height="1" rx=".5" transform="matrix(0 1 1 0 7 3)" width="1"></rect>
      <rect fill="currentColor" height="1" rx=".5" transform="matrix(0 1 1 0 1 3)" width="1"></rect>
      <rect fill="currentColor" height="1" rx=".5" transform="matrix(0 1 1 0 7 9)" width="1"></rect>
      <rect fill="currentColor" height="1" rx=".5" transform="matrix(0 1 1 0 1 9)" width="1"></rect>
      <rect fill="currentColor" height="1" rx=".5" transform="matrix(0 1 1 0 7 11)" width="1"></rect>
      <rect fill="currentColor" height="1" rx=".5" transform="matrix(0 1 1 0 1 11)" width="1"></rect>
      <rect fill="currentColor" height="1" rx=".5" transform="matrix(0 1 1 0 9 7)" width="1"></rect>
      <rect fill="currentColor" height="1" rx=".5" transform="matrix(0 1 1 0 9 13)" width="1"></rect>
      <rect fill="currentColor" height="1" rx=".5" transform="matrix(0 1 1 0 11 7)" width="1"></rect>
      <rect fill="currentColor" height="1" rx=".5" transform="matrix(0 1 1 0 11 13)" width="1"></rect>
      <rect fill="currentColor" height="1" rx=".5" transform="matrix(0 1 1 0 5 1)" width="1"></rect>
      <rect fill="currentColor" height="1" rx=".5" transform="matrix(0 1 1 0 3 1)" width="1"></rect>
      <rect fill="currentColor" height="1" rx=".5" transform="matrix(0 1 1 0 7 1)" width="1"></rect>
      <rect fill="currentColor" height="1" rx=".5" transform="matrix(0 1 1 0 1 1)" width="1"></rect>
      <rect fill="currentColor" height="1" rx=".5" transform="matrix(0 1 1 0 9 1)" width="1"></rect>
      <rect fill="currentColor" height="1" rx=".5" transform="matrix(0 1 1 0 11 1)" width="1"></rect>
    </svg>
  );
}

export function BorderTopIcon(props: LucideProps) {
  return (
    <svg fill="none" height="15" viewBox="0 0 15 15" width="15" xmlns="http://www.w3.org/2000/svg" {...props}>
      <path
        clipRule="evenodd"
        d="M14 1.75L1 1.75L1 0.249999L14 0.25L14 1.75Z"
        fill="currentColor"
        fillRule="evenodd"
      ></path>
      <rect fill="currentColor" height="1" rx=".5" transform="rotate(-180 8 10)" width="1" x="8" y="10"></rect>
      <rect fill="currentColor" height="1" rx=".5" transform="rotate(-180 2 10)" width="1" x="2" y="10"></rect>
      <rect fill="currentColor" height="1" rx=".5" transform="rotate(-180 8 12)" width="1" x="8" y="12"></rect>
      <rect fill="currentColor" height="1" rx=".5" transform="rotate(-180 2 12)" width="1" x="2" y="12"></rect>
      <rect fill="currentColor" height="1" rx=".5" transform="rotate(-180 8 8)" width="1" x="8" y="8"></rect>
      <rect fill="currentColor" height="1" rx=".5" transform="rotate(-180 8 14)" width="1" x="8" y="14"></rect>
      <rect fill="currentColor" height="1" rx=".5" transform="rotate(-180 2 8)" width="1" x="2" y="8"></rect>
      <rect fill="currentColor" height="1" rx=".5" transform="rotate(-180 2 14)" width="1" x="2" y="14"></rect>
      <rect fill="currentColor" height="1" rx=".5" transform="rotate(-180 10 8)" width="1" x="10" y="8"></rect>
      <rect fill="currentColor" height="1" rx=".5" transform="rotate(-180 10 14)" width="1" x="10" y="14"></rect>
      <rect fill="currentColor" height="1" rx=".5" transform="rotate(-180 12 8)" width="1" x="12" y="8"></rect>
      <rect fill="currentColor" height="1" rx=".5" transform="rotate(-180 12 14)" width="1" x="12" y="14"></rect>
      <rect fill="currentColor" height="1" rx=".5" transform="rotate(-180 6 8)" width="1" x="6" y="8"></rect>
      <rect fill="currentColor" height="1" rx=".5" transform="rotate(-180 6 14)" width="1" x="6" y="14"></rect>
      <rect fill="currentColor" height="1" rx=".5" transform="rotate(-180 4 8)" width="1" x="4" y="8"></rect>
      <rect fill="currentColor" height="1" rx=".5" transform="rotate(-180 4 14)" width="1" x="4" y="14"></rect>
      <rect fill="currentColor" height="1" rx=".5" transform="rotate(-180 8 6)" width="1" x="8" y="6"></rect>
      <rect fill="currentColor" height="1" rx=".5" transform="rotate(-180 2 6)" width="1" x="2" y="6"></rect>
      <rect fill="currentColor" height="1" rx=".5" transform="rotate(-180 8 4)" width="1" x="8" y="4"></rect>
      <rect fill="currentColor" height="1" rx=".5" transform="rotate(-180 2 4)" width="1" x="2" y="4"></rect>
      <rect fill="currentColor" height="1" rx=".5" transform="rotate(-180 14 10)" width="1" x="14" y="10"></rect>
      <rect fill="currentColor" height="1" rx=".5" transform="rotate(-180 14 12)" width="1" x="14" y="12"></rect>
      <rect fill="currentColor" height="1" rx=".5" transform="rotate(-180 14 8)" width="1" x="14" y="8"></rect>
      <rect fill="currentColor" height="1" rx=".5" transform="rotate(-180 14 14)" width="1" x="14" y="14"></rect>
      <rect fill="currentColor" height="1" rx=".5" transform="rotate(-180 14 6)" width="1" x="14" y="6"></rect>
      <rect fill="currentColor" height="1" rx=".5" transform="rotate(-180 14 4)" width="1" x="14" y="4"></rect>
    </svg>
  );
}
